import { Suspense } from "react";
import { createRoot } from "react-dom/client";
import { BrowserRouter } from "react-router-dom";
import App from "./App.tsx";
import "./index.css";

createRoot(document.getElementById("root")!).render(
  <BrowserRouter>
    <Suspense
      fallback={
        <div className="image-container">
          <img
            src="../../../../public/image/loging.jfif"
            className="responsive-image"
          />
        </div>
      }
    >
      <App />
    </Suspense>
  </BrowserRouter>
);
